﻿<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">

<link href="css/style.css" rel="stylesheet" type="text/css">
<script type='text/javascript' src='js/jquery-latest.min.js'></script>

<title>METEOROLOGICAL</title>

</head>
<body>

<div id = "wrapper">

	<div class = "row">
		<div class = "box normal logo">
			<a href = "index.html"></a>
		</div>
		<div class = "box normal caution">
			<ul class = "dropbox">
				<li class = "active">เตือนภัย</li>
				<li>ประกาศกรมอุตุนิยมวิทยา</li>
				<li>เส้นทางเดินพายุ</li>
				<li>รายงานแผ่นดินไหว</li>
			</ul>
		</div>
		<div class = "box normal forecast">
			
		</div>
		<div class = "box normal weather"></div>
		<div class = "box normal climate">
			<ul>
				<li class = "active">ภูมิอากาศ</li>
				<li class = "group">สรุปลักษณะอากาศ</li>
				<li>รายวัน</li>
				<li>รายวันเพื่อการเกษตร</li>
				<li>รายสัปดาห์</li>
				<li>รายเดือน</li>
				<li>รายปี</li>
			</ul>
		</div>
	</div>

	<div class = "row">
		<div class = "box normal weather-today"></div>
		<div class = "box normal notice"></div>
		<div class = "box normal forecast-today"></div>
	</div>

	<ul class = "weather-week">
		<li></li>
		<li></li>
	</ul>

	<div class = "row">
		<div class = "box normal news"></div>
		<div class = "box normal purchase"></div>
		<div class = "box normal world"></div>
	</div>


	<div id = "sitemap">
		<ul class = "column">
			<li>
				<h3>พยากรณ์อากาศ</h3>
				<ul>
					<li><a href = "#">พยากรณ์อากาศประจำวัน</a></li>
					<li><a href = "#">พยากรณ์อากาศ 7 วันข้างหน้า</a></li>
					<li><a href = "#">พยากรณ์อากาศเพื่อการเดินเรือ</a></li>
				</ul>
				<h3>พยากรณ์เพื่อการเกษตร</h3>
				<ul>
					<li><a href = "#">ผลกระทบของลักษณะอากาศ</a></li>
					<li><a href = "#">พยากรณ์อากาศเพื่อการเกษตรรายปักษ์</a></li>
				</ul>
				<h3>สภาพอากาศ</h3>
				<ul>
					<li><a href = "#">สภาพอากาศประเทศไทย</a></li>
					<li><a href = "#">ภาคเหนือ</a></li>
					<li><a href = "#">ภาคอีสาน</a></li>
					<li><a href = "#">ภาคกลาง</a></li>
					<li><a href = "#">ภาคตะวันออก</a></li>
					<li><a href = "#">ภาคใต้ฝั่งอ่าวไทย</a></li>
					<li><a href = "#">ภาคใต้ฝั่งอันดามัน</a></li>
					<li><a href = "#">กรุงเทพมหานคร</a></li>
				</ul>
			</li>
			<li>
				<h3>สรุปลักษณะอากาศ</h3>
				<ul>
					<li><a href = "#">รายวัน</a></li>
					<li><a href = "#">รายวันเพื่อการเกษตร</a></li>
					<li><a href = "#">รายสัปดาห์</a></li>
					<li><a href = "#">รายเดือน</a></li>
					<li><a href = "#">รายปี</a></li>
				</ul>
				<h3>สถิติภูมิอากาศ</h3>
				<ul>
					<li><a href = "#">อุณหภูมิต่ำสุด</a></li>
					<li><a href = "#">อุณหภูมิสูงสุด</a></li>
					<li><a href = "#">แผนที่อุณหภูมิสูงสุด</a></li>
					<li><a href = "#">แผนที่ปริมาณฝน</a></li>
					<li><a href = "#">แผนภูมิภูมิอากาศ</a></li>
					<li><a href = "#">พายุหมุนเขตร้อน</a></li>
				</ul>
				<h3>เอลนีโญ-ลานีญา</h3>
				<ul>
					<li><a href = "#">เอลนีโญ-ลานีญา</a></li>
				</ul>
			</li>
			<li>
				<h3>วิชาการ</h3>
				<ul>
					<li><a href = "#">ความรู้อุตุนิยมวิทยา</a></li>
					<li><a href = "#">หนังสืออุตุนิยมวิทยา</a></li>
					<li><a href = "#">เอกสารวิชาการเผยแพร่</a></li>
				</ul>
				<h3>บริการ - จำหน่าย</h3>
				<ul>
					<li><a href = "#">ข้อมูลอุตุนิยมวิทยา</a></li>
					<li><a href = "#">เอกสารอุตุนิยมวิทยา</a></li>
					<li><a href = "#">รายงานประจำสัปดาห์</a></li>
					<li><a href = "#">วารสารอุตุนิยมวิทยา</a></li>
					<li><a href = "#">เครื่องมือออุตุนิยมวิทยา</a></li>
					<li><a href = "#">ดาวน์โหลด</a></li>
				</ul>
			</li>
			<li>
				<h3>ข่าวสาร - กิจกรรม</h3>
				<ul>
					<li><a href = "#">กิจกรรมอุตุนิยมวิทยา</a></li>
					<li><a href = "#">ข่าวอุตุนิยมวิทยา</a></li>
				</ul>
				<h3>ประกาศ - รับสมัคร</h3>
				<ul>
					<li><a href = "#">ข่าวรับสมัคร</a></li>
					<li><a href = "#">จัดซื้อจัดจ้าง</a></li>
					<li><a href = "#">เขียนคำวิจารณ์ TOR</a></li>
					<li><a href = "#">แผนปฏิบัติการจัดซื้อจัดจ้าง</a></li>
					<li><a href = "#">รายงานทำสัญญาชื้อจ้าง</a></li>
					<li><a href = "#">สรุปผลการจัดซื้อจัดจ้าง</a></li>
					<li><a href = "#">ต้นทุนต่อหน่วย</a></li>
				</ul>
			</li>
			<li>
				<h3>เกี่ยวกับ TMD</h3>
				<ul>
					<li><a href = "#">ประวัติกรมฯ</a></li>
					<li><a href = "#">วิสัยทัศน์และพันธกิจ</a></li>
					<li><a href = "#">คณะผู้บริหาร</a></li>
					<li><a href = "#">หน่วยงาน</a></li>
					<li><a href = "#">การพัฒนาระบบราชการ</a></li>
					<li><a href = "#">กลุ่มงานคุ้มครองจริยธรรมฯ</a></li>
					<li><a href = "#">ศูนย์ข้อมูลข่าวสาร</a></li>
					<li><a href = "#">เครือข่ายป้องกันภัยธรรมชาติ</a></li>
				</ul>
				<h3>ติดต่อ TMD</h3>
				<ul>
					<li><a href = "#">เบอร์โทรศัพท์</a></li>
					<li><a href = "#">สถานที่ตั้ง</a></li>
				</ul>
			</li>
		</ul>
	</div>

	<div id = "footer">
		<span class = "copyright">สงวนลิขสิทธิ์ © 2013 กรมอุตุนิยมวิทยา</span>
	</div>
</div>  <!-- wrapper -->
</body>
</html>